import {
   
    ref,
 
    onMounted,
    onBeforeUnmount
} from 'vue'
export default function(){
    const x = ref(-1)
    const y = ref(-1)
        //点击事件的回调函数
    const clickHandler = (event: MouseEvent) => {
            x.value = event.pageX
            y.value = event.pageY
        }
        //页面已经加载完毕了 再进行点击的操作
        //页面加载完毕的生命周期
    onMounted(() => {
            window.addEventListener('click', clickHandler)
        })
        //页面卸载之前的生命周期组合APi

    onBeforeUnmount(() => {
        window.removeEventListener('click', clickHandler)
    })
    return {
        x,
        y
    }

}